<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- <iframe id="framePage" src="./demo.html"></iframe> -->
<iframe id="framePage" src="https://www.baidu.com"></iframe>
<h3>
    限制DOM访问: 『源A』的脚本不能访问『源B』的 DOM。
</h3>
<button id="btn" onclick="showDOM()"> 获取页面2的dom</button>

<body>

</body>
<script type="text/javascript">

    function showDOM() {
        const framePage = document.getElementById('framePage')
        console.log(framePage.contentWindow.document) //同源的可以获取，非同源的无法获取
    }
</script>

</html>